<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Event On</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic,600italic,700italic' rel='stylesheet' type='text/css'>-->
        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        <link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
        <link rel="shortcut icon" href="favicon.png">
        <link rel="stylesheet" type="text/css" href="__CSS__/jquery.datetimepicker.css">
        <link rel="stylesheet" type="text/css" href="__CSS__/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="__CSS__/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="__CSS__/jquery.ui.theme.css">
        <link rel="stylesheet" type="text/css" href="__CSS__/owl.carousel.css">
        <link rel="stylesheet" href="__CSS__/main.css">
        <link rel="stylesheet" href="__CSS__/editormd.css">
<!--         <link rel="stylesheet" href="__CSS__/editormd.css">-->
        <script src="__JS__/vendor/modernizr-2.6.2.min.js" async></script>
        <script type="text/javascript">var switchTo5x = true;</script>
        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
        <!--        <script type="text/javascript" defer>stLight.options({publisher: "ur-b4964695-8b2f-20dd-2ced-c9f6141de24c", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>-->
    </head>
    <body>
        <!--[if lt IE 7]>
        <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <!-- Header  -->
        <header class="header-container">
            <!-- header top -->
            <div class="header-top">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <ul class="login-details clearfix">
                                <li><a href="event-blog.html#" class="agenticon">微博登录</a></li>
                                <li><a href="event-blog.html#" class="customericon">登录</a></li>
                                <li><a href="event-blog.html#" class="pri-color">注册</a></li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <div class="social-icon pull-right">
                                <a href="event-blog.html#" class="facebook fa fa-facebook"></a>
                                <a href="event-blog.html#" class="twitter fa fa-twitter"></a>
                                <a href="event-blog.html#" class="googleplus fa fa-google-plus"></a>
                                <a href="event-blog.html#" class="dribble fa fa-dribbble"> </a>
                            </div>
                        </div>
                    </div> 
                </div>     
            </div>
            <!-- Main Header -->
            <div class="main-header affix">
                <!-- Moblie Nav wrapper -->
                <div class="mobile-nav-wrapper">
                    <div class="container">
                        <!-- logo -->
                        <div id="logo">
                            <a href="lists.html"><img src="__IMG__/logo.png" alt=""></a>
                        </div>
                        <!-- Search -->
                        <div id="sb-search" class="sb-search">
                            <form>
                                <input class="sb-search-input" placeholder="想看什么呢" type="text" name="search" id="search">
                                <input class="sb-search-submit" type="submit" value="">
                                <span class="sb-icon-search"></span>
                            </form>
                        </div>
                        <!-- moblie menu Icon -->
                        <div class="mobile-menu-icon">
                            <i class="fa fa-bars"></i>
                        </div>
                        <!-- Main Nav -->
                        <nav class="main-nav mobile-menu">

                            <ul class="clearfix">
                                <li class="parent "><a href="event-blog.html#">首页</a>

                                    <!-- Sub Menu -->
                                    <ul class="sub-menu">
                                        <li class="arrow"></li>
                                        <li><a href="lists.html">首页1</a></li> 
                                        <li><a href="index-2.html">首页2</a></li>
                                        <li><a href="index-3.html">首页3</a></li>
                                        <li><a href="index-4.html">首页4</a></li>
                                        <li><a href="index-5.html">首页5</a></li>
                                        <li><a href="index-6.html">首页6</a></li>
                                    </ul>
                                </li>

                                <li class="parent"><a href="event-blog.html#">动态</a>
                                    <!-- Sub Menu -->
                                    <ul class="sub-menu">
                                        <li class="arrow"></li>
                                        <li><a href="event.html">Event</a></li>
                                        <li><a href="event-sidebar-left.html">Event-Sidebar-Left</a></li>
                                        <li><a href="event-sidebar-right.html">Event-Sidebar-Right</a></li>
                                        <li><a href="event-detail.html">Event Detail</a></li>
                                    </ul>
                                </li>
                                <li><a href="event-blog.html#">主题</a></li>
                                <li><a href="event-tv.html">前端开发</a></li>
                                <li class="parent active"><a href="event-blog.html#">观点</a>
                                    <!-- Sub Menu -->
                                    <ul class="sub-menu">
                                        <li class="arrow"></li>
                                        <li><a href="lists.html">Event Blog</a></li>
                                        <li><a href="event-single-blog.html">Event Single-Blog</a></li>
                                    </ul>
                                </li>
                                <li><a href="gallery.html">招聘</a></li>
                                <li><a href="contact.html">前端导航</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>  
        </header>  
        <!-- Sub Banner -->
        <section class="sub-banner newsection">
            <!--            <div class="container">
                            <h2 class="title">Event Blog</h2>
                            <ul class="breadcrumb">
                                <li><a href="event-blog.html#">Home</a></li>
                                <li>Event Blog</li>
                            </ul>
                        </div>-->
        </section>

        <!-- Events -->
        <section class="events newsection">
            <div class="container">
                <div class="row">
                    <div class="single-blog col-md-9">
                        <section class="event-container clearfix">
                            <div class="event clearfix">

                                <div class="event-content">
                                    <h3 class="title"><a href="event-single-blog.html#">{$info.post_title}</a></h3>
                                    <ul class="meta clearfix">
                                        <li><a href="event-single-blog.html#"><i class="icon fa  fa-music"></i>音频</a>
                                        <li class="date"><i class="icon fa fa-calendar"></i>1月前</li>
                                        <li><a href="event-single-blog.html#"><i class="icon fa fa-comment"></i>19</a> </li>
                                        <li><a href="event-single-blog.html#"><i class="icon fa fa-user"></i>by 管理员</a></li>
                                    </ul>
                                    <div class="eventsimg">
                                        <img src="__IMG__/event-detail-1.jpg" alt="">
                                    </div>
                                    <div class="markdown-body editormd-preview-container">
                                        {$info.post_content_html|html_entity_decode}
                                    </div>
                                </div>
                            </div>

                        </section>
                        <!-- comments -->
                        <section class="comments newsection" style="margin-top: 20px;">
                            <h2 class="title">评论</h2>
                            <div class="sep"></div>
                            <ul>
                                <li>
                                    <div class="comment">
                                        <div class="author-img">
                                            <img src="__IMG__/70x70.gif" alt="">
                                        </div>
                                        <div class="comment-content">
                                            <p class="author">小蒋 <span class="date"> 02:16 下午 - 03/04/2014</span> </p>
                                            <p>这是一段php的代码块 聊天么，我想我本来是想聊天的， 可是最后还是放下了</p>
                                            <a href="event-single-blog.html#" class="btn btn-disabled btn-sm">回复</a>
                                        </div>
                                    </div>
                                    <!-- Comments Child -->
                                    <ul class="child">
                                        <li>
                                            <div class="comment">
                                                <div class="author-img">
                                                    <img src="__IMG__/70x70.gif" alt="">
                                                </div>
                                                <div class="comment-content">
                                                    <p class="author">小蒋 <span class="date"> 02:16 下午 - 03/04/2014</span> </p>
                                                    <p>这是一段php的代码块 聊天么，我想我本来是想聊天的， 可是最后还是放下了</p>
                                                    <a href="event-single-blog.html#" class="btn btn-disabled btn-sm">回复</a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <div class="comment">
                                        <div class="author-img">
                                            <img src="__IMG__/70x70.gif" alt="">
                                        </div>
                                        <div class="comment-content">
                                            <p class="author">小蒋 <span class="date"> 02:16 下午 - 03/04/2014</span> </p>
                                            <p>这是一段php的代码块 聊天么，我想我本来是想聊天的， 可是最后还是放下了</p>
                                            <a href="event-single-blog.html#" class="btn btn-disabled btn-sm">回复</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </section> 
                        <div class="comment-form newsection">
                            <h2 class="title">发表评论</h2>
                            <form style="background: white;padding: 20px;box-shadow: 0px 1px 5px rgba(19, 18, 18, 0.2);">
                                <div class="row">
                                    <p class="col-md-6">
                                        <label>姓名<span>*</span></label>
                                        <input type="text" placeholder="姓名" class="textflied">
                                    </p>
                                    <p class="col-md-6">
                                        <label>邮箱<span>*</span></label>
                                        <input type="text" placeholder="邮箱" class="textflied">
                                    </p>
                                    <p class="col-md-12">
                                        <label>评论内容<span>*</span></label>
                                        <textarea rows="10"  placeholder="评论内容" class="texttextarea"></textarea>
                                    </p>
                                    <p class="col-md-12">
                                        <button class="btn btn-disabled">发布评论</button>
                                    </p>
                                </div> 
                            </form>
                        </div> 
                    </div>

                    <div class="col-md-3">
                        <aside id="aside" class="aside-bar-style-two clearfix">
                            <div class="widget border-remove clearfix">
                                <div class="eventform-con ">
                                    <form>
                                        <div class="form-input search-location">
                                            <input type="text" placeholder="想看什么呢" >

                                            <button class="icon fa fa-search"></button>
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <div class="widget clearfix">
                                <h3 class="title">最热门文章</h3>
                                <div class="top-ppost">
                                    <div class="date">
                                        <p><span>31</span>2月</p>
                                    </div>
                                    <div class="content">
                                        <h4  class="title"><a href="event-blog.html#">对这段时间的大前端有个交代 </a></h4>
                                        <a href="event-blog.html#" class="meta"><i class="icon fa fa-map-marker"></i>管理员</a>
                                    </div>
                                </div>
                                <div class="top-ppost">
                                    <div class="date">
                                        <p><span>31</span>FEB</p>
                                    </div>
                                    <div class="content">
                                        <h4  class="title"><a href="event-blog.html#">对这段时间的大前端有个交代  </a></h4>
                                        <a href="event-blog.html#" class="meta"><i class="icon fa fa-map-marker"></i>管理员</a>
                                    </div>
                                </div>
                            </div>


                            <div class="widget categories">
                                <h3 class="title">分类</h3>
                                <ul>
                                    <li><a href="event-blog.html#">全部分类 <span class="numbers">68</span></a></li>
                                    <li><a href="event-blog.html#">艺术<span class="numbers">10</span></a></li>
                                    <li><a href="event-blog.html#">古典话剧<span class="numbers">25</span></a></li>
                                    <li><a href="event-blog.html#">古典音乐<span class="numbers">30</span></a></li>
                                    <li><a href="event-blog.html#">话剧<span class="numbers">100</span></a></li>
                                    <li><a href="event-blog.html#">编程书籍<span class="numbers">5</span></a></li>
                                </ul>
                            </div>

                            <div class="widget tag">
                                <h3 class="title">标签</h3>  
                                <a href="event-blog.html#">php</a>
                                <a href="event-blog.html#">mysql</a>
                                <a href="event-blog.html#">jquery</a>
                                <a href="event-blog.html#">xhtml</a>
                                <a href="event-blog.html#">html5</a>
                                <a href="event-blog.html#">编程</a>
                                <a href="event-blog.html#">音乐</a>
                                <a href="event-blog.html#" class="last">笔记</a>
                            </div>  

                            <div class="widget news">
                                <h3 class="title">订阅</h3>
                                <form>
                                    <div class="form-group">
                                        <input type="text" placeholder="请输入邮箱">
                                        <button class="icon fa fa-paper-plane-o "></button>
                                    </div>
                                    <button class="btn btn-disabled">订阅</button>
                                </form>
                            </div>
                        </aside>
                    </div>
                </div> 
            </div> 
        </section>

        <footer class="main-footer">
            <div class="container">
                <div class="row">	
                    <div class="widget col-md-3">
                        <div class="about">
                            <h2 class="title">About <span class="border"></span></h2>
                            <p>Vivamus ante nulla, ultrices ut molestie pellentesque, posuere eu ligula. In porttitor in turpis eu porttitor. </p> 
                        </div>
                        <ul class="fa-ul">
                            <li><i class="fa-li fa fa-map-marker"></i>1600 Pennsylvania Ave NW,
                                Washington, D.C., DC 20500, ABD</li>
                            <li> <i class="fa-li fa fa-phone fa-flip-horizontal"></i>+90 555 55 55</li>
                            <li><i class="fa-li fa fa-envelope-o "></i><a href="event-blog.html#">info@example.com</a></li>
                        </ul>           
                    </div>

                    <div class="widget col-md-3">
                        <h2 class="title">Recent Blog Posts<span class="border"></span></h2>
                        <div class="recent-blog">
                            <div class="recent-img">
                                <img src="__IMG__/recent-1.png" alt="">
                            </div>
                            <div class="recent-content">
                                <h3 class="title"><a href="event-blog.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                                <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                                <p class="comment"><i class="icon fa fa-comment"></i><a href="event-blog.html#">23 Comments</a></p>
                            </div>
                        </div>

                        <div class="recent-blog">
                            <div class="recent-img">
                                <img src="__IMG__/recent-2.png" alt="">
                            </div>
                            <div class="recent-content">
                                <h3 class="title"><a href="event-blog.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                                <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                                <p class="comment"><i class="icon fa fa-comment"></i><a href="event-blog.html#">23 Comments</a></p>
                            </div>
                        </div>

                        <div class="recent-blog">
                            <div class="recent-img">
                                <img src="__IMG__/recent-3.png" alt="">
                            </div>
                            <div class="recent-content">
                                <h3 class="title"><a href="event-blog.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                                <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                                <p class="comment"><i class="icon fa fa-comment"></i><a href="event-blog.html#">23 Comments</a></p>
                            </div>
                        </div>
                    </div>

                    <div class="widget lastest-tweets col-md-3">
                        <h2 class="title">Lastest Tweets<span class="border"></span></h2>
                        <ul class="fa-ul twitters"></ul>
                    </div>

                    <div class="widget col-md-3">
                        <h2 class="title">Flickr Photos<span class="border"></span></h2>
                        <div class="flicker flickrwidget"></div>  
                    </div>

                </div> 
            </div>
        </footer>    
        <script src="__JS__/vendor/jquery-1.10.2.min.js" defer></script>

        <!--<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>-->
        <script src="__JS__/plugins.js" defer></script>
        <script src="__JS__/main.js" defer></script>

        <script type="text/template" id="upcomeing-events-template">

            <div class="time-count-container">
            <div class="time days">
            <span class="count curr top"><%= curr.days %></span>
            <span class="count next top"><%= next.days %></span>
            <span class="count curr bottom"><%= curr.days %></span>
            <span class="count next bottom"><%= next.days %></span>
            <span class="label">days</span>
            </div>
            <span class="arrow">:</span>
            </div>

            <div class="time-count-container">
            <div class="time hours">
            <span class="count curr top"> <%= curr.hours %></span>
            <span class="count next top"><%= next.hours %></span>
            <span class="count curr bottom"><%= curr.hours %></span>
            <span class="count next bottom"><%= next.hours %></span>
            <span class="label">hours</span>
            </div>
            <span class="arrow">:</span>
            </div>
            <div class="time-count-container">
            <div class="time minutes">
            <span class="count curr top"><%= curr.minutes %></span>
            <span class="count next top"><%= next.minutes %></span>
            <span class="count curr bottom"><%= curr.minutes %></span>
            <span class="count next bottom"><%= next.minutes %></span>
            <span class="label">min</span>
            </div>
            <span class="arrow">:</span>
            </div>
            <div class="time-count-container">
            <div class="time seconds">
            <span class="count curr top"><%= curr.seconds %></span>
            <span class="count next top"><%= next.seconds %></span>
            <span class="count curr bottom"><%= curr.seconds %></span>
            <span class="count next bottom"><%= next.seconds %></span>
            <span class="label">sec</span>
            </div>

            </div>
        </script>


    </body>
</html>
